.title-one {
    height: 6.5%;
    background-image: url(../../page/images/schoollogo.png);
    background-size: 10%;
    background-repeat: no-repeat;
    background-position: 4% center;
    background-color: rgb(224, 229, 243);
}

.title-two {
    margin-left: 40%;
    width: 30%;
    height: 100%;
    /* background-color: blue; */
    line-height: 350%;
    color: rgb(2, 109, 173);
    display: inline-block;
    /*overflow: hidden;*/
}

.title-three {
    font-size: 130%;
    /* background-color: white; */
    height: 100%;
    width: 15%;
    display: inline-block;
    color: rgb(2, 109, 173);
    /* margin-bottom: 5; */
    margin-left: 10%;
    /* overflow: hidden; */
}

.title-four {
    background-color: rgb(224, 229, 243);
    height: 33%;
    /*overflow: hidden;*/
}

.sameline {
    text-align: center;
    line-height: 100%;
    color: rgb(2, 109, 173);
    background-image: url(../../page/images/schoollogo.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 100% center;
    background-color: rgb(224, 229, 243);
    /* display: inline-block; */
}

.box {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    /* border-width: 5px;
    border-style: solid;
    border-color: rgb(2, 109, 173); */
    /*background-image: url(../../page/images/sky.jpg);*/
}

.box-text {
    width: 95%;
    height: 20%;
    background-color: rgb(242, 242, 242);
    display: inline-block;
    overflow: hidden;
    border-radius: 20px;
    margin-left: 2.5%;
    margin-top: 1%;
    color: black;
}

.box-text1 {
    width: 95%;
    height: 20%;
    background-color: rgb(242, 242, 242);
    display: inline-block;
    overflow: hidden;
    border-radius: 20px;
    margin-left: 2.5%;
    margin-top: 1%;
    color: black;
}

.box-text:hover {
    background-color: rgba(2, 109, 173, 0.75);
    color: #f8f8ff;

}

.introduction {
    width: 100%;
    height: 220%;
    /*margin-left: 2%;*/
    margin-top: 2%;
    /*overflow: auto;*/
    /*border-radius: 10px;*/
    /*border: 5px solid rgb(2, 109, 173);*/
    /*background-color: rgba(2, 109, 173, 0.7);*/
    /*color: #f8f8ff;*/
}

.people {
    width: 100%;
    height: 50%;
    /*background-color: rgba(2, 109, 173, 0.5);*/
    background: url(../../page/images/csu.gif) no-repeat;
    background-size: 100%;
    color: white;
    text-align: center;
    font-size: 2.5rem;
}

.boldDesc{
    height: 12%;
    width: 100%;
    display: inline-block;
}

.lineTitle {
    text-align: center;
    font-size: 2.5rem;
    color: rgb(2, 109, 173);
    font-weight: bold;
}

.photo {
    width: 11.5%;
    height: 100%;
    margin-left: 5%;
    /*background-color: #259ff1;*/
    display: inline-block;
    margin-top: 3%;
    vertical-align: top;
}

.realphoto {
    width: 90%;
    height: 70%;
    background-size: 100%;
    /*background-color: #259ff1;*/
    display: inline-block;
}

.realphoto img{
    height: 100%;
    width: 100%;
}

.introduce {
    width: 75%;
    height: 95%;
    margin-left: 2%;
    margin-top: 2%;
    /*background-color: white;*/
    overflow: hidden;
    display: inline-block;
    /*内联元素对其方式为top*/
    vertical-align: top;
}

.name {
    /* background-color: white; */
    font-weight: bold;
    text-align: center;
}

.jianjie {
    width: 95%;
    height: 85%;
    margin-left: 2.5%;
    /*background-color: #25baf1;*/
    font-size: 1.5rem;
    text-align:justify;
    overflow-y: auto;
}
.jianjie::-webkit-scrollbar {

    display: none; /* Chrome Safari */

}

.central {
    margin-top: 5%;
    width: 100%;
    height: 10%;
    text-align: center;
}

.first {
    font-weight: bold;
}

.second {
    font-size: 1.8rem;
    padding-top: 1%;
}

.third {
    padding-top: 0%;

}

.foot1 {
    width: 100%;
    height: 12%;
    margin-top: 5%;
    background-color: rgb(2,109,173);
    /*display: block;*/
    padding-bottom: 1%;
    /*text-align: center;*/
}

.foot2 {
    width: 100%;
    height: 7%;
    /*padding-top: 90%;*/
    /*margin-top: 5%;*/
    margin-bottom: 5%;
    background-color: rgb(0,46,97);
    /*display: block;*/
    text-align: center;
    color: rgb(121,159,183);
    /*line-height: 8%;*/
}

.dibuwenzi {
    width: 40%;
    height: 20%;
    margin-top: 2%;
    margin-left: 5%;
    display: inline-block;
    background-color: black;
    color: white;
    /*margin-bottom: 20%;*/
    /*padding-bottom: 30%;*/
}

.dibutubiao {
    width: 70%;
    height: 70%;
    margin-top: 3%;
    margin-left: 5%;
    background: url(../../page/images/dibutubiao.png) no-repeat;
    background-size: 30%;
    display:inline-block;
    text-align: center;
}

.connect-text {
    line-height: 15%;
    /*display: inline-block;*/
    margin-left: 40%;
    color:white;
    margin-top: 4%;
    font-size: 1.4rem;
}

.dibufengexian {
    margin-bottom: -6%;
}

.knowledge {
    height: 25%;
}



*{
    margin: 0;
    padding: 0;
}

.allbox{
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
    height: 400px;
}
.outbox {
    position: relative;
    height: 400px;
    width: 100%;
    /*background-color: black;*/
    overflow: hidden;//使溢出div的图片隐藏
}
.innerbox {
    background-color: rgb(242, 242, 242);
    position: absolute;
    display: flex;//让图片横向排列
    width:100%;
    height: 100%;
    /*margin-top: 10%;*/
}
.innerbox img {
    width: 100%;
    /*height: 250px;*/
}
.button{
    position: relative;
    display: flex;
    justify-content: center;
}


.pic {
    margin-left: 5%;
    height: 400px;
    width: 180px;
}
